<template>
  <div class="header">
    <el-button
      type="primary"
      size="small"
      icon="el-icon-circle-plus"
      @click="open"
      >添加管理员</el-button
    >
    <span>共有管理员:{{ total }}位</span>
  </div>
</template>

<script>
export default {
  props: {
    total: {
      default: Number,
    },
  },
  data() {
    return {};
  },
  methods: {
    open() {
      this.$emit("show");
    },
  },
};
</script>

<style lang="scss" scoped>
.header {
  height: 4rem;
  span {
    float: right;
    line-height: 4rem;
    font-size: 1rem;
    font-weight: 600;
  }
}
</style>